<%--
  Created by IntelliJ IDEA.
  User: yaclt
  Date: 2021/12/14 0014
  Time: 8:52
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <link rel="stylesheet" href="/assets/bootstrap.css">
    <style>
        .container{
            width: 400px;
            margin-top: 20%;
        }
        .form-item{
            margin-top: 20px;
        }
    </style>
</head>
<body>
<div class="login-form container">
    <form action="/login" method="post">
        <div class="form-item">
            <label for="name" class="form-label">用户名:</label>
            <input type="text" name="name" id="name" class="form-control" value="zhangsan">
        </div>
        <div class="form-item">
            <label for="pwd" class="form-label">密码:</label>
            <input type="text" name="pwd" id="pwd" class="form-control" value="123123">
        </div>
        <div class="form-item">
            <label for="code" class="form-label">验证码:</label>
           <div class="row">
               <div class="col-8">
                   <input type="text" name="code" id="code" class="form-control" value="1357">
               </div>
               <div class="col-4">
<%--                   刷新验证码：点击图片修改途径--%>
                   <img src="/img/code" alt="" onclick="this.src='/img/code?' + Math.random()">
               </div>
           </div>
        </div>
        <div class="form-item">
            <button class="btn btn-primary w-100">登录</button>
        </div>
    </form>
</div>
</body>
</html>
